<template>
  <div class="me">
    <div
      class="weui-cells weui-cell_access container container-userhead"
      style="margin-top: 0"
    >
      <a class="weui-cell weui-cell_access" href="#">
        <div class="weui-cell__hd">
          <img
            class="avatar"
            id="user-avatar"
            src="~@/assets/img//fav.png"
            alt="微信头像"
          />
        </div>
        <div class="weui-cell__bd">
          <p id="username"></p>
          <p id="userid"></p>
          <p id="lastlogin"></p>
        </div>
        <div class="weui-cell__ft"></div>
      </a>
    </div>
    <div class="user-home-wrapper">
      <div class="weui-cells container">
        <a class="weui-cell weui-cell_access" href="/pages/wxmp/user/balance">
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img/balance.png" />
          </div>
          <div class="weui-cell__bd">
            <p>账户余额</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a
          class="weui-cell weui-cell_access"
          id="inpour-common-balance"
          href="/pages/wxmp/pay/inpourbalance"
        >
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//tb_yecz.png" />
          </div>
          <div class="weui-cell__bd">
            <p>我要充值</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a
          class="weui-cell weui-cell_access"
          href="/pages/wxmp/user/inpourhistory"
        >
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//tb_czjl.png" />
          </div>
          <div class="weui-cell__bd">
            <p>充值历史记录</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
      </div>

      <div
        class="weui-cells container"
        id="console-entry"
        style="display: none"
      >
        <a class="weui-cell weui-cell_access" href="/pages/wxmp-console/index">
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//icon_console.png" />
          </div>
          <div class="weui-cell__bd">
            <p>运营商管理平台</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
      </div>

      <div class="weui-cells container">
        <a
          class="weui-cell weui-cell_access"
          href="/pages/wxmp/user/chargingorderlist?orderStatus=CHARGING"
        >
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//tb_zzcd.png" />
          </div>
          <div class="weui-cell__bd">
            <p>正在充电</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a
          class="weui-cell weui-cell_access"
          href="/pages/wxmp/user/chargingorderlist"
        >
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//tb_cdjl.png" />
          </div>
          <div class="weui-cell__bd">
            <p>充电记录</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a class="weui-cell weui-cell_access" href="/pages/wxmp/scanqrcode">
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//tb_smcd.png" />
          </div>
          <div class="weui-cell__bd">
            <p>扫码充电</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a class="weui-cell weui-cell_access" href="/pages/wxmp/pay/inpourcard">
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//icon_iccard.png" />
          </div>
          <div class="weui-cell__bd">
            <p>充电卡充值</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
      </div>

      <div class="weui-cells container">
        <!-- <a class="weui-cell weui-cell_access" href="/pages/wxmp/charger/nearby">
          <div class="weui-cell__hd"><img class="prefix" src="~@/assets/img//tb_fjdz.png" /></div>
          <div class="weui-cell__bd">
            <p>附近的充电站</p>
          </div>
          <div class="weui-cell__ft">
          </div>
        </a> -->
        <a class="weui-cell weui-cell_access" href="/pages/wxmp/user/fav">
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//tb_fjdz.png" />
          </div>
          <div class="weui-cell__bd">
            <p>常用充电站</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a class="weui-cell weui-cell_access" href="/pages/wxmp/user/fav">
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//tb_wdsc.png" />
          </div>
          <div class="weui-cell__bd">
            <p>我的收藏</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a class="weui-cell weui-cell_access" href="/pages/wxmp/user/aboutus">
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//tb_gywm.png" />
          </div>
          <div class="weui-cell__bd">
            <p>关于我们</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a
          class="weui-cell weui-cell_access"
          href="/pages/wxmp/user/refundRecord"
        >
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//icon_refund.png" />
          </div>
          <div class="weui-cell__bd">
            <p>申请退款</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
        <a class="weui-cell weui-cell_access" href="/pages/wxmp/user/feedback">
          <div class="weui-cell__hd">
            <img class="prefix" src="~@/assets/img//share.png" />
          </div>
          <div class="weui-cell__bd">
            <p>意见反馈</p>
          </div>
          <div class="weui-cell__ft"></div>
        </a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style scoped lang="less">
.container {
  background: #fff;
  font-size: 1em;
}

.weui-cells {
  margin-top: 0.5em;
}

.container-userhead {
}

.container-userhead:before {
  height: 0;
  display: none;
}

img.avatar {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  display: block;
  border: none;
  border-radius: 50%;
}

img.prefix {
  width: 26px;
  height: 26px;
  margin-right: 10px;
  display: block;
}

#username {
  color: #333;
}

#userid {
  color: #999;
  font-size: 0.8em;
  margin-bottom: 0;
  padding-top: 0.4em;
}

#lastlogin {
  color: #999;
  font-size: 0.8em;
  margin-bottom: 0;
  padding-top: 0.4em;
}

.weui-cell:before {
  border-top: 1px solid #f1f1f1;
}

.user-home-wrapper {
  height: 100%;
  overflow-y: scroll;
  /* padding-bottom: 150px; */
}
</style>
